<template>
  <div class="doneProjectTable">
    <common-table 
      :isRowsSelectVisible="true" 
      :scrollx="false" 
      :columnWidth="50" 
      :columns="columns" 
      :tableData="listData" 
      :loadVisible="loading"
    >
    </common-table>
  </div>
</template>
<script>
import commonTable from "@/components/common/commonTable";
export default {
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    columns: {
      type: Array,
      default: () => []
    },
    loading: {
      type: Boolean,
      default:true,
    }
  },
  data() {
    return {
      listData: [],
    };
  },
  components:{
    commonTable,
  },
  watch:{
    tableData(v1,v2){
      this.listData = v1;
    },
  },
  mounted() {
   this.listData = this.tableData
  },
};
</script>
<style lang="less" scoped>
.doneProjectTable {
  padding-bottom: 14px;
  /deep/ .ant-table-thead > tr > th {
    border-right: 1px solid #eee;
    padding: 8px;
  }
  /deep/ .ant-table-row-cell-last{
    border-bottom: 1px solid #eee !important;
  }
  /deep/ .ant-table-tbody > tr > td{
    padding: 0;
    height: 38px;
    padding-left: 10px;
  }
  /deep/ .ant-table-wrapper .ant-table-content .ant-table-body .ant-table-fixed .ant-table-thead > tr > th, .doneProjectTable[data-v-7aa3e537] .ant-table-wrapper .ant-table-content .ant-table-body .ant-table-fixed .ant-table-tbody > tr > td{
    padding-left: 18px;
  }
  /deep/ .ant-table-wrapper {
    .ant-table-content {
      .ant-table-body {
        .ant-table-fixed {
          .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
            overflow-wrap: break-word;
          }
          .ant-table-tbody {
            tr {
              td:nth-child(3) {
                 padding-left: 0px;
                .explain {
                  cursor: pointer;
                }
              }
            }
          }
        }
      }
    }
  }
  .textArea {
    margin-top: 40px;
    .title {
      margin-bottom: 8px;
      span {
        color: red
      }
    }
  }
  .txt{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
</style>